<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>成交统计</title>
    <link href="plug-in/tjfiles/css/bootstrap.min.css" rel="stylesheet">
    <link href="plug-in/tjfiles/css/bootstrap-datepicker.min.css" rel="stylesheet">
    <link href="plug-in/tjfiles/css/style.css" rel="stylesheet">
    <script src="plug-in/tjfiles/js/jquery.min.js"></script>
    <script src="plug-in/tjfiles/js/bootstrap.min.js"></script>
    <script src="plug-in/tjfiles/js/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript" src="plug-in/tjfiles/js/bootstrap-datepicker.zh-CN.min.js" charset="UTF-8"></script>
    <script type="text/javascript">
      $(function() {
        $('.datepicker').datepicker({
          language: 'zh-CN',
          format: 'yyyy-mm-dd',
        });
      })


      function searchTradeOrder(){
        var ztdw = document.getElementById("ztmc").value;
        var beginTime = document.getElementById("beginTime").value;
        var endTime = document.getElementById("endTime").value;
        window.form1.method="get";
        window.form1.action="TraderStatmentController.do?transcationstatment&ztmc="+ztdw+"&beginTime="+beginTime+"&endTime="+endTime;
        window.form1.submit();
      }


    </script>
  </head>
  <body>
    <div class="table-wrap clearfix">
      <form id="form1" name="form1">
        <div class="row">
          <div class="col-sm-3">
            <label class="form-label table-label">主体名称：</label>
            <div class="table-input">
              <input name="ztmc" id="ztmc" type="text" class="form-control" placeholder="请输入主体名称">
            </div>
          </div>
          <div class="col-sm-3">
            <label class="form-label table-label">开始日期：</label>
            <div class="table-input">
              <div class="input-group date datepicker">
                <input type="text" class="form-control" placeholder="请选择开始日期" id="beginTime" name="beginTime">
                <div class="input-group-addon">
                  <span class="glyphicon glyphicon-th "></span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-3">
            <label class="form-label table-label">结束日期：</label>
            <div class="table-input">
              <div class="input-group date datepicker">
                <input type="text" class="form-control" placeholder="请选择结束日期" id="endTime" name="endTime">
                <div class="input-group-addon">
                  <span class="glyphicon glyphicon-th "></span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-3">
            <button type="button" class="btn btn-primary table-btn" onclick="javascript:searchTradeOrder()">查询</button>
            <button type="reset" class="btn btn-default table-btn">重置</button>
          </div>
        </div>
      </form>
      <div class="row">
        <div class="col-sm-12">
          <div class="table-title">成交统计</div>
        </div>
      </div>

      <div class="row">
        <div class="col-sm-12">
          <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table-new">
            <tbody>
              <tr>
                <th rowspan="2" width="9%">分类</th>
                <th colspan="6" width="42%">本期成交</th>
                <th colspan="7" width="49%">合计</th>
              </tr>
              <tr>
                <th width="7%">成交合同（份）</th>
                <th width="7%">成交吨数（万吨）</th>
                <th width="7%">最高单价（元）</th>
                <th width="7%">最低单价（元）</th>
                <th width="7%">平均单价（元）</th>
                <th width="7%">成交金额（百万）</th>
                <th width="7%">成交合同（份）</th>
                <th width="7%">占比%</th>
                <th width="7%">成交吨数（万吨）</th>
                <th width="7%">最高单价（元）</th>
                <th width="7%">最低单价（元）</th>
                <th width="7%">平均单价（元）</th>
                <th width="7%">成交金额（百万）</th>
              </tr>
              <tr>
                <td>挂牌</td>
                <td>0</td>
                <td>0.15</td>
                <td>1200</td>
                <td>1200</td>
                <td>1200</td>
                <td>64.24</td>
                <td>0</td>
                <td>0.15</td>
                <td>5.35</td>
                <td>1200</td>
                <td>1200</td>
                <td>1200</td>
                <td>64.24</td>
              </tr>
              <tr>
                <td>竞价</td>
                <td>0</td>
                <td>0.15</td>
                <td>1200</td>
                <td>1200</td>
                <td>1200</td>
                <td>64.24</td>
                <td>0</td>
                <td>0.15</td>
                <td>5.35</td>
                <td>1200</td>
                <td>1200</td>
                <td>1200</td>
                <td>64.24</td>
              </tr>
              <tr>
                <td>直签</td>
                <td>0</td>
                <td>0.15</td>
                <td>1200</td>
                <td>1200</td>
                <td>1200</td>
                <td>64.24</td>
                <td>0</td>
                <td>0.15</td>
                <td>5.35</td>
                <td>1200</td>
                <td>1200</td>
                <td>1200</td>
                <td>64.24</td>
              </tr>
              <tr>
                <td>长协</td>
                <td>0</td>
                <td>0.15</td>
                <td>1200</td>
                <td>1200</td>
                <td>1200</td>
                <td>64.24</td>
                <td>0</td>
                <td>0.15</td>
                <td>5.35</td>
                <td>1200</td>
                <td>1200</td>
                <td>1200</td>
                <td>64.24</td>
              </tr>
              <tr class="border">
                <td class="no-border bg-a">合计</td>
                <td class="no-border bg-a">0</td>
                <td class="no-border bg-a">0.6</td>
                <td class="no-border bg-a"></td>
                <td class="no-border bg-a"></td>
                <td class="no-border bg-a"></td>
                <td class="no-border bg-a">256.96</td>
                <td class="no-border bg-a">0</td>
                <td class="no-border bg-a"></td>
                <td class="no-border bg-a">21.4</td>
                <td class="no-border bg-a"></td>
                <td class="no-border bg-a"></td>
                <td class="no-border bg-a"></td>
                <td class="no-border bg-a">256.96</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

  </body>
</html>
